<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
<div class="wrapper">
    <!--------------------------------------header_user begin------------------------------------->
    <div class="header_user">
        <div class="main_width">
            <span class="tel">客服电话：400-663-6600（周一至周六 9:00-18:00）</span>
            <span class="fr">
                <span class="my_insurance"><a href="#">我的保险</a></span>
                <span class="Backlog"><a href="#">未完成订单</a></span>
                <span class="message"><a href="#">消息</a></span>
                <span class="register"><a href="#">注册</a></span>
                <span class="fg"><a href="#">|</a></span>
                <span><a href="#">登录</a></span>
            </span>
        </div>
    </div>
    <!---------------------------------------header_user end-------------------------------------->
    <!---------------------------------------header_nav begin------------------------------------->
    <div class="header_nav">
        <div class="main_width">
            <h1><a href="#" class="logo fl">大特保保险官网-互联网保险服务平台</a></h1>
            <!--<a href="#" class="my_policy fr">我的保单</a>-->
            <div class="menuBox">
                <ul class="menu">
                    <li class="active"><a href="#">首页</a></li>
                    <li class="special"><a href="list2（分类2）.html">保险产品</a></li>
                    <li><a href="#">理财中心</a></li>
                    <li><a href="#">关于我们</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!----------------------------------------header_nav end-------------------------------------->
    <div class="container">
        <div class="login_container">
            <div class="login_main">
                <div class="tab_title">
                    <a href="javascript:" tab="login" class="active">登&emsp;录</a>
                    <a href="javascript:" tab="reg">注&emsp;册</a>
                </div>
                <div class="tab_con">
                    <span class="commonError">用户名或者密码错误！</span>
                    <!--login-->
                    <div class="con_box login_conbox" style="display: none">
                        <!--账户登录-->
                        <form action="#" method="post">
                            <ul class="user_login">
                                <li class="li_box fix">
                                    <label for="nameLogin">账号：</label>
                                    <input type="text" class="l_input" id="nameLogin" placeholder="用户名/邮箱/手机号">
                                    <p class="change_link fl">
                                        <a href="#" class="changeLink" tab="mobile_login">使用手机验证码登录</a>
                                        <span class="error">请输入账号</span>
                                    </p>
                                </li>
                                <li class="li_box fix">
                                    <label for="psdLogin">密码</label>
                                    <input type="password" class="l_input psdEdnt" id="psdLogin" placeholder="密码">
                                    <span class="error">请输入密码</span>
                                </li>
                                <li class="li_box02">
                                    <a href="#" class="submitBtn" id="logUserBtn2">立即登录</a>
                                </li>
                                <li class="li_box02">
                                    <p class="check_box fix">
                                        <a href="#" class="fr">忘记密码？</a>
                                    </p>
                                </li>
                            </ul>
                        </form>
                        <!--手机验证码登录-->
                        <form action="#" method="post">
                            <ul class="user_login">
                                <li class="li_box fix">
                                    <label for="userName">账号</label>
                                    <input type="text" class="l_input" id="userName" placeholder="用户名/邮箱/手机号">
                                    <p class="change_link fl">
                                        <a href="#" class="changeLink" tab="mobile_login">使用账户登录</a>
                                        <span class="error">请输入正确的手机号</span>
                                    </p>
                                </li>
                                <li class="li_box fix">
                                    <label for="userCode">验证码</label>
                                    <input type="text" class="l_input code_input" id="userCode" maxlength="6" placeholder="验证码">
                                    <a href="#" class="send_code" id="sendCode">获取验证码</a>
                                    <span class="error">请输入验证码</span>
                                </li>
                                <li class="li_box02 fix">
                                    <a href="#" class="submitBtn" id="logUserBtn">立即登录</a>
                                </li>
                            </ul>
                        </form>
                    </div>
                    <!--reg-->
                    <div class="con_box reg_conbox">
                        <div>
                            <!--手机号码注册-->
                            <form action="#" method="post">
                                <ul class="mobile_reg">
                                    <li class="li_box fix">
                                        <label for="mobileReg">手机：</label>
                                        <input type="text" class="l_input e_input" id="mobileReg" maxlength="11" placeholder="手机">
                                        <p class="change_link fl">
                                            <a href="javascript:" class="changeLink" tab="email_reg">使用邮箱注册</a>
                                            <span class="error">请输入手机号码</span>
                                        </p>
                                    </li>
                                    <li class="li_box fix">
                                        <label for="codeReg">验证码：</label>
                                        <input type="text" class="l_input code_input" id="codeReg" placeholder="验证码">
                                        <a href="javascript:" class="send_code" id="sendCode2">获取验证码</a>
                                        <span class="error">请输入验证码</span>
                                    </li>
                                    <li class="li_box fix">
                                        <label for="psdReg">密码：</label>
                                        <input type="password" class="l_input psdreg e_input" id="psdReg" placeholder="6-12位的密码">
                                        <span class="error">请输入密码</span>
                                    </li>
                                    <li class="li_box fix">
                                        <label for="psdMConfirmReg">确认密码：</label>
                                        <input type="password" class="l_input psdconreg e_input" id="psdMConfirmReg" placeholder="确认密码">
                                        <span class="error">请输入确认密码</span>
                                    </li>
                                    <li class="li_box02">
                                        <a href="javascript:" class="submitBtn regBtn mobileReg" id="regMobileBtn">立即注册</a>
                                    </li>
                                </ul>
                            </form>
                            <!--邮箱注册-->
                            <form action="#" method="post">
                                <ul class="email_reg">
                                    <li class="li_box fix">
                                        <label for="emailReg">电子邮箱</label>
                                        <input type="text" class="l_input e_input" id="emailReg" placeholder="有效的邮箱地址">
                                        <p class="change_link fl">
                                            <a href="javascript:" class="changeLink" tab="mobile_reg">使用手机注册</a>
                                            <span class="error">请输入邮箱</span>
                                        </p>
                                    </li>
                                    <li class="li_box fix">
                                        <label for="emailReg">密码：</label>
                                        <input type="password" class="l_input psdreg e_input" id="psdEReg" placeholder="6-12位的密码">
                                        <span class="error">请输入密码</span>
                                    </li>
                                    <li class="li_box fix">
                                        <label for="emailReg">确认密码：</label>
                                        <input type="password" class="l_input psdconreg e_input" id="psdEConfirmReg" placeholder="6-确认密码">
                                        <span class="error">请输入确认密码</span>
                                    </li>
                                    <li class="li_box02">
                                        <a href="javascript:" class="submitBtn regBtn emailReg" id="regEmailBtn">立即注册</a>
                                    </li>
                                </ul>
                            </form>
                        </div>
                        <div class="agree_box">
                            <p class="check_box fix">
                                <span class="active" id="agreeTiao"></span>同意
                                <a href="#" tab="xieyiCon" class="userAgree">《大特保注册协议》</a>
                                <a href="#" tab="xieyiCon" class="userAgree">《隐私政策》</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--footer begin-->
    <div class="copyright">
        <div class="main_width footer">
            <div class="footer_nav">
                <p>
                    <a href="#">关于京东金融</a>
                    <span class="divider">|</span>
                    <a href="#">关于京东小金库</a>
                    <span class="divider">|</span>
                    <a href="#">关于京东钱包</a>
                    <span class="divider">|</span>
                    <a href="#">关于京东白条</a>
                    <span class="divider">|</span>
                    <a href="#">联系我们</a>
                    <span class="divider">|</span>
                    <a href="#">免责声明</a>
                </p>
                <p>Copyright © 2004-2016 京东JD.com 版权所有<span class="divider">|</span>投资有风险，购买需谨慎</p>
            </div>
            <div class="footer_contact">
                <div class="f_contact_time">
                    联系我们<span>（09:00-22:00）</span>
                </div>
                <div class="f_contact_content">
                    <div class="f_cc_left">
                        <span class="f_cc_item">个人业务：400-098-8511</span>
                        <span class="f_cc_item">企业业务：400-088-8816</span>
                    </div>
                    <div class="f_cc_mid">
                        <a href="#" class="f_cc_link item_JIMI">咨询JIMI</a>
                        <a href="#" class="f_cc_link item_kefu">在线客服</a>
                    </div>
                    <div class="f_cc_right">
                        <a href="#" class="f_cc_link item_mail">客服邮箱</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--footer end-->
    <div class="sideBar">
        <a href="#" class="slider_block app"><i></i></a>
        <a href="#" class="slider_block jimi"><i></i></a>
        <a href="#" class="slider_block feedback"><i></i></a>
        <a href="javascript:" class="slider_block backtop" id="backtop"><i></i></a>
    </div>
</div>
</body>
</html>